<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->
  <!-- 超大弹框 width:1460,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="1060px"
      title="成孔检测数据"
      v-loading="loading1"
      element-loading-text="拼命加载中"
      element-loading-background="rgba(0, 0, 0, 0.2)"
      element-loading-spinner="el-icon-loading"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog"
      :append-to-body="true"
      top="5%"
    >
      <div
        class="dialogBody common commonClassDialog moduleDialog"
        
        :style="{ height: dialogHeight }"
        style="width: 100%"
      >
        <div style="overflow-y: auto; margin-bottom: 20px">
          <div class="tabs">
            <div
              v-for="(data, index) in typeData"
              :key="data.value"
              @click="changeType($event, index)"
            >
              <div
                class="btns"
                :style="{
                  color:
                    data.show === true ? 'rgba(0, 117, 255, 1)' : '#343639',
                  background: data.show === true ? '#E0EFFF' : '#fff',
                }"
              >
                {{ data.text }}
              </div>
            </div>
          </div>
  
          <div class="publicForm tableInfo"  v-if="typeData[0].show">
            <tableData
              :page="getList1.page"
              :pageSize="getList1.pageSize"
              height="100%"
              :config="table_config1"
              :dataList="tableData1"
              :loading="loading1"
              :info="queryCriteriaData1"
              :total="queryCriteriaData1.total"
              :pageNum.sync="getList1.page"
              :limit.sync="getList1.pageSize"
              @pagination="getDetail1(getList1)"
            />
          </div>
          <div class="publicForm tableInfo" v-if="typeData[1].show">
            <tableData
              :page="getList2.page"
              :pageSize="getList2.pageSize"
              height="100%"
              :config="table_config2"
              :dataList="tableData2"
              :loading="loading2"
              :info="queryCriteriaData2"
              :total="queryCriteriaData2.total"
              :pageNum.sync="getList2.page"
              :limit.sync="getList2.pageSize"
              @pagination="getDetail2(getList2)"
            />
          </div>
          <div class="publicForm tableInfo"  v-if="typeData[2].show">
            <tableData
              :page="getList3.page"
              :pageSize="getList3.pageSize"
              height="100%"
              :config="table_config3"
              :dataList="tableData3"
              :loading="loading3"
              :info="queryCriteriaData3"
              :total="queryCriteriaData3.total"
              :pageNum.sync="getList3.page"
              :limit.sync="getList3.pageSize"
              @pagination="getDetail3(getList2)"
            />
          </div>

        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
